.success {
  background: '#fff';
  height: 100vh;
  width: 100vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  font-family: "PingFangSC-Regular";

  .status {
    // text-align: center;
    margin: 33px 0px;
    font-size: 20px;
    font-weight: 600;
    // text-align: left;
    font-family: "AlibabaPuHuiTiM", Arial, Helvetica, sans-serif;
  }

  .img {
    // position: absolute;
    padding-top: 77px;
    width: calc(550/750*100vw);
    // animation: imgMove 1s;
    // height: calc(345/750*100vw);
  }

  .textBox {
    display: flex;
    flex-direction: column;


    .name {
      color: rgba(51, 51, 51, 1);
      font-size: 18px;
      font-family: "PingFang-Regular";
    }

    .index {
      color: rgba(153, 153, 153, 1);
      font-size: 14px;
      text-align: center;
      font-family: "PingFangSC-Regular";
    }
  }

  .buttomBox {
    padding-top: 70px;

    .buttom {
      width: 218px;
      height: 44px;
      display: inline-block;
      border: 0;
      border-radius: 28px;
      background-image: 'linear-gradient( #691E5D, #501046)';
      color: #fff;
      outline: none;
      font-family: "PingFangSC-Regular", Arial, Helvetica, sans-serif;
    }
  }

}

@keyframes imgMove {
  0% {
    transform: translateY(20px)
  }

  100% {
    transform: translateY(0px)
  }
}
